在 Windows 上測試 Safari


Posted by Joseph Yin on 2020-09-19

  1. 安裝 iTunes
  2. 打開 cmder 安裝 remotedebug-ios-webkit-adapter npm install remotedebug-ios-webkit-adapter -g
  3. 從這裡下載程式碼
  4. C:\Users\88693\AppData\Roaming\nvm\v12.18.4\node_modules\remotedebug-ios-webkit-adapter\node_modules 裡建一個 vs-libimobile 資料夾,再到 vs-libimobile 資料夾裡建一個 ios-webkit-debug-proxy-1.8-win64-bin
  5. 把步驟三下載的程式碼 (ios-webkit-debug-proxy-1.8.8-win64-bin.zip) 解壓縮丟到 C:\Users\88693\AppData\Roaming\nvm\v12.18.4\node_modules\remotedebug-ios-webkit-adapter\node_modules\vs-libimobile\ios-webkit-debug-proxy-1.8-win64-bin 裡面
  6. 編輯 C:\Users\88693\AppData\Roaming\nvm\v12.18.4\node_modules\remotedebug-ios-webkit-adapter\out\adapters\iosAdapter.js 把 123 行的 proxy 改成以下這樣:
    const proxy = path.resolve(__dirname, '../../node_modules/vs-libimobile/ios-webkit-debug-proxy-1.8-win64-bin/ios_webkit_debug_proxy.exe');
  7. 在 cmder 中執行 remotedebug_ios_webkit_adapter --port=9000,port 可替換
  8. 打開 Chrome 瀏覽器,網址列輸入: chrome://inspect/#devices ,進入 Dev Tools 畫面
  9. 點擊 Configure... 按鈕,新增 9000 至列表中
  10. 將 IPhone 連接電腦,打開 Safari,開啟要測試的頁面,Dev Tools 畫面中會同步出現要測試的頁面,點擊 inspect 即可

以上都是給我自己看的而已,沒有幫助的話可以看下面的參考文章~~

參考文章 : 在 Windows 10 上面使用chrome 對ios的 safari 進行除錯


#Windows #iOS #Web







Related Posts

What Type of Laser Engraving Machine Should be Used for Stainless Steel Engraving?

What Type of Laser Engraving Machine Should be Used for Stainless Steel Engraving?

Oracle中文數字排序

Oracle中文數字排序

真相只有一個:資料串接偵錯流程

真相只有一個:資料串接偵錯流程


Comments